import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./router/permit";

// 通过完整导入的方式导入Element-plus     它包含有三种方式   完整导入   按需自动导入  按需手动导入
// import ElementPlus from 'element-plus'
// import 'element-plus/dist/index.css'

// 按需要手动引入element.js中的内容   和上面的全部导入应该是不会互相影响的
import ElementUI from "./plugins/elementui";
import 'element-plus/dist/index.css';

// 引入图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

// axios
import axios from "axios";
// 创建实例
const app = createApp(App);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// svgicon
import SvgIcon from "@/components/svgIcon/index";
// app.component('svg-icon', SvgIcon).mount('#app')

// 引入svg文件
import "@/components/svgIcon/svg.js";

// 全局进行配置
app.config.globalProperties.$axios = axios;

app.use(store).use(router).use(ElementUI).component('svg-icon', SvgIcon).mount("#app");  // .use(ElementPlus)
